<!doctype html>
<html >
<head>
    <title>Document</title>
    <script src="{{asset('public/bootstrap/bootstrap.min.js')}}"></script>
    <link rel="stylesheet" href="{{asset('public/bootstrap/bootstrap.min.css')}}">
</head>
<body>
<div class="container-fluid">
    <table class="table-striped container-fluid " border="1px" style="margin: 10px auto;text-align: center">
        <tr>
            <td colspan="10">
                <a href="form"> <button class="btn-info container-fluid" >添加数据</button></a>
            </td>
        </tr>
        <tr>
            <td>id</td>
            <td>name</td>
            <td>age</td>
            <td>sex</td>
            <td>hobby</td>
            <td>country</td>
            <td>description</td>
            <td>created_at</td>
            <td>updated_at</td>
            <td>操作</td>
        </tr>
        @foreach($data as $dt)
            <tr style="height: 40px">
                <td>{{$dt->id}}</td>
                <td>{{$dt->name}}</td>
                <td>{{$dt->age}}</td>
                <td>{{$dt->sex}}</td>
                <td>{{$dt->hobby}}</td>
                <td>{{$dt->country}}</td>
                <td>{{$dt->description}}</td>
                <td>{{$dt->created_at}}</td>
                <td>{{$dt->updated_at}}</td>
                <td>
                    <a href="update?id={{$dt->id}}"><button style="color: white;font-size: 18px;width: 50px;height: 30px;border-radius: 5px;border:none;outline: none;background-color: #00b0e8">更新</button></a>
                    <a href="delete?id={{$dt->id}}"><button style="color: white;font-size: 18px;width: 50px;height: 30px;border-radius: 5px;border:none;outline: none;background-color: orangered">删除</button></a>
                </td>
            </tr>
        @endforeach
    </table>

</div>
</body>
</html>
